<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../src/css/index.css">
    <link rel="stylesheet" href="../src/css/cart.css">
    <link rel="stylesheet" href="../src/lib/layui/css/layui.css">
</head>
<body>
    <!-- 头部 -->
    <div id="head"></div>
    <!-- 购物车头 -->
    <div id="shang">
        <a href="#">首页&nbsp;></a>&nbsp;<a href="#">购物车</a>
    </div>
    <!-- 列表头部 -->
    <div id="shop_top">
        <ul id="ul1">
            <li id="li1" class="shop_top_name"><input id="check-all" type="checkbox"> 全选</li>
            <li id="li2" class="shop_top_name">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;商品信息</li>
            <li id="li3" class="shop_top_name">单价</li>
            <li id="li4" class="shop_top_name">数量</li>
            <li id="li5" class="shop_top_name">小计</li>
            <li id="li6" class="shop_top_name">操作</li>
            
        </ul>
    </div>
    <!-- 列表内容 -->
    <div id="shop_box">
        <!-- <div id="shop_mid">
            <div id="div_a"><input id="check-one" type="checkbox"></div>
            <div id="div_b"><img src="https://img.suofeiya.com.cn/images/202007/b5ccf3c7032a07b0be67096ab0e45ffd.jpg" alt=""></div>
            <div id="div_c"><p>索菲亚屏风式拼色门厅隔断柜<br><span>规格：定制诚意金（具体价格以设计方案<br>为准，详情咨询客服）</span></p></div>
            <div id="div_d">￥500.00</div>
            <div id="div_e">
                <button id="btn_down"></button>
                <input type="text" id="inp_jiesuan" value="1">
                <button id="btn_top">+</button>
            </div>
            <div id="div_f">￥1000.00</div>
            <div id="div_g"><a id="delete" href="#">删除</a></div>
    
    
        </div> -->
        <!-- <div id="shop_mid">
            <div id="div_a"><input type="checkbox"></div>
            <div id="div_b"><img src="https://img.suofeiya.com.cn/images/202007/b5ccf3c7032a07b0be67096ab0e45ffd.jpg" alt=""></div>
            <div id="div_c"><p>索菲亚屏风式拼色门厅隔断柜<br><span>规格：定制诚意金（具体价格以设计方案<br>为准，详情咨询客服）</span></p></div>
            <div id="div_d">￥500.00</div>
            <div id="div_e">
                <button id="btn_down">-</button>
                <input type="text" id="inp_jieusan" value="1">
                <button id="btn_top">+</button>
            </div>
            <div id="div_f">￥1000.00</div>
            <div id="div_g"><a href="#">删除</a></div>
    
    
        </div> -->
        
    </div>
    <!-- 结算 -->
    <div id="jiesuan">
        <div id="div_1">
            <input type="checkbox"  id="check-all-A">
            <span id="s_1">全选</span>
            <span id="s_2">批量删除</span>
            <span id="s_3">已选商品<span id="s_4">&nbsp;<span id="selectedTotal"></span>&nbsp;</span>件</span>
            <span id="s_5">合计（不含运费）：<span id="s_6">￥<span id="priceTotal"></span></span></span>
            
        </div>
        <div id="div_2"><a href="./cash.html" target="_blank">结算</a></div>


    </div>
    <!-- ta也买了 -->
    <div id="maile">
        <div id="maile_top">TA也买了</div>
        <ul>
            <li>
                <img src="https://img.suofeiya.com.cn/images/downLoad/800_800/202007/92044b46f062f9cd53dc96d86497523f.jpg" alt="">
                <p id="p1">索菲亚999元橱衣门联购套餐</p>
                <p id="p2">活动价￥999/㎡</p>
            </li>
            <li>
                <img src="https://img.suofeiya.com.cn/images/downLoad/800_800/202007/92044b46f062f9cd53dc96d86497523f.jpg" alt="">
                <p id="p1">索菲亚999元橱衣门联购套餐</p>
                <p id="p2">活动价￥999/㎡</p>
            </li>
            <li>
                <img src="https://img.suofeiya.com.cn/images/downLoad/800_800/202007/92044b46f062f9cd53dc96d86497523f.jpg" alt="">
                <p id="p1">索菲亚999元橱衣门联购套餐</p>
                <p id="p2">活动价￥999/㎡</p>
            </li>
            <li>
                <img src="https://img.suofeiya.com.cn/images/downLoad/800_800/202007/92044b46f062f9cd53dc96d86497523f.jpg" alt="">
                <p id="p1">索菲亚999元橱衣门联购套餐</p>
                <p id="p2">活动价￥999/㎡</p>
            </li>
            <li>
                <img src="https://img.suofeiya.com.cn/images/downLoad/800_800/202007/92044b46f062f9cd53dc96d86497523f.jpg" alt="">
                <p id="p1">索菲亚999元橱衣门联购套餐</p>
                <p id="p2">活动价￥999/㎡</p>
            </li>
        </ul>
    </div>
    <!-- 底部 -->
    <div id="foot"></div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.js"></script>
<script src="../src/lib/layui/layui.js" charset="utf-8"></script>
<script src="../src/js/cart.js" type="module"></script>
<!-- <script src="../src/js/fetch.js"></script>
<script src="../src/js/tools.js"></script> -->
<script>
    $('#head').load('../layout/head.html')
    $('#foot').load('../layout/foot.html')

</script>


</html>